/*每个页面公共css */
uni-rich-text img {
	max-width: 100% !important;
}

// 顶部距离
.status-bar {
	height: var(--status-bar-height);
	width: 100%;
}
.footer-bar {
	height: var(--window-bottom);
	width: 100%;
}
// NavigationBar 高度44px   TabBar 50px

.uni-radio-input:hover {
	border-color: rgba(35, 35, 35, 0.26);
}

view {
	font-family: PingFang SC;
	font-weight: 500;
	box-sizing: border-box;
}

.center {
	text-align: center !important;
}

/* 背景色 */
.page-bg {
	background-color: #f7f7f7 !important;
}
.bg-w {
	background-color: #ffffff !important;
}

.border-no {
	border: none !important;
}

/* 颜色 */
.c-red {
	color: #f7525e !important;
}
.c-main {
	color: #66a932 !important;
}
.c-grey {
	color: #999999 !important;
}

.c-orange {
	color: rgba(255, 160, 18, 1) !important;
}

.c-blue {
	color: #3b9bf4 !important;
}

.c-white {
	color: #fff;
}

// 大小
.f24 {
	font-size: 24rpx !important;
}
.f28 {
	font-size: 28rpx !important;
}
.f30 {
	font-size: 30rpx !important;
}
.f32 {
	font-size: 32rpx;
}
.fc-6 {
	color: #666;
}
// 粗细
.fw-n {
	font-weight: normal !important;
}
.fw {
	font-weight: bold;
}
/* 字体色 */
.fc-3 {
	color: #333;
}
.fc-9 {
	color: #999;
}
.co99 {
	color: #999;
	font-size: 24rpx;
}
.co33 {
	color: #333;
	font-size: 24rpx;
}
.hidden1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.hidden2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
// 盒子================================================================================
.flex {
	display: flex;
}
.box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-ccc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.box-l {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.box-r {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.box-wrap {
	flex-wrap: wrap;
}
.box-e {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-sbt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.box-s {
	display: flex;
	justify-content: space-between;
}
.box-c {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

/* 定位 */
.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.pos-f {
	position: fixed;
}

/* margin 外边距====================================================================== */
.m-8 {
	margin: 8rpx;
}
.m-16 {
	margin: 16rpx;
}
.m-32 {
	margin: 32rpx;
}

.mt-8 {
	margin-top: 8rpx;
}
.mt-16 {
	margin-top: 16rpx;
}
.mt-32 {
	margin-top: 32rpx;
}
.mt-48 {
	margin-top: 48rpx;
}
.mt-32-im {
	margin-top: 32rpx !important;
}

.mb-8 {
	margin-bottom: 8rpx;
}
.mb-16 {
	margin-bottom: 16rpx;
}
.mb-32 {
	margin-bottom: 32rpx;
}
.mb-48 {
	margin-bottom: 48rpx;
}

.ml-8 {
	margin-left: 8rpx;
}
.ml-16 {
	margin-left: 16rpx;
}
.ml-32 {
	margin-left: 32rpx;
}

.mr-8 {
	margin-right: 8rpx;
}
.mr-16 {
	margin-right: 16rpx;
}
.mr-32 {
	margin-right: 32rpx;
}
.mr-48 {
	margin-right: 48rpx;
}

.mlr-8 {
	margin: 0 8rpx;
}
.mlr-16 {
	margin: 0 16rpx;
}
.mlr-32 {
	margin: 0 32rpx;
}

.mtb-8 {
	margin: 8rpx 0;
}
.mtb-16 {
	margin: 16rpx 0;
}
.mtb-32 {
	margin: 32rpx 0;
}
.margin-t32 {
	margin-top: 32rpx;
}

/* 内边距===================================================================================== */
.p-8 {
	padding: 8rpx;
}
.p-16 {
	padding: 16rpx;
}
.p-32 {
	padding: 32rpx;
}

.pt-8 {
	padding-top: 8rpx !important;
}
.pt-16 {
	padding-top: 16rpx !important;
}
.pt-22 {
	padding-top: 22rpx !important;
}
.pt-24 {
	padding-top: 24rpx !important;
}

.pt-32 {
	padding-top: 32rpx !important;
}
.pt-276 {
	padding-top: 276rpx;
}

.pb-8 {
	padding-bottom: 8rpx;
}
.pb-16-im {
	padding-bottom: 16rpx !important;
}
.pb-16 {
	padding-bottom: 16rpx;
}
.pb-22 {
	padding-bottom: 22rpx;
}
.pb-32 {
	padding-bottom: 32rpx;
}

.ptb-8 {
	padding: 8rpx 0;
}
.ptb-16 {
	padding: 16rpx 0;
}
.ptb-22 {
	padding: 22rpx 0;
}
.ptb-24 {
	padding: 24rpx 0;
}
.ptb-32 {
	padding: 32rpx 0;
}

.plr-8 {
	padding: 0 8rpx;
}
.plr-16 {
	padding: 0 16rpx;
}
.plr-24 {
	padding: 0 24rpx;
}
.plr-32 {
	padding: 0 32rpx;
}

/* 边框==================================================================================== */
.border-b {
	border-bottom: 1rpx solid rgba(199, 207, 214, 0.35);
}
.border-no {
	border: none;
}
.border-t {
	border-top: 1rpx solid rgba(199, 207, 214, 0.35);
}

/*  */
.none {
	display: none;
}

/*  */
.blod {
	font-weight: 600 !important;
}

// 输入框 提示字体样式
.tips-p {
	font-size: 28rpx !important;
	color: #999999 !important;
}
.tips-p2 {
	font-weight: normal !important;
	font-size: 24rpx !important;
	color: #999999 !important;
}
.tips-p3 {
	font-weight: normal !important;
	font-size: 24rpx !important;
	color: #6a6a6a !important;
}
// 渐变按钮样式
// .btn-g {
// 	background: $bg-g;
// 	color: #fff;
// 	width: 620rpx;
// 	border-radius: 8rpx;
// 	height: 88rpx;
// 	line-height: 88rpx;
// 	text-align: center;
// 	margin: auto;
// }
// 即是带竖条，又是带必填
.title-mark {
	// font-size: $f-16;
	// color: $title;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.title-mark::before {
	content: '';
	// background: $color-main;
	// color: $color-main;
	border-radius: 30rpx;
	width: 6rpx;
	height: 26rpx;
	float: left;
	margin: 3rpx 0rpx 0 0;
}
// 标题带 竖条样式
.title-tab {
	// font-size: $f-16;
	// color: $title;
	// font-weight: 600;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.title-tab::before {
	content: '';
	// background: $color-main;
	// color: $color-main;
	border-radius: 30rpx;
	width: 6rpx;
	height: 26rpx;
	float: left;
	margin: 3rpx 8rpx 0 0;
}

// 必填项 *
.form-lable::before {
	content: '*' !important;
	color: #eb473e !important;
}

// 超出隐藏
@mixin text-overflow($num: 1) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: $num;
	-webkit-box-orient: vertical;
}

// 圆角
.bdr-8 {
	border-radius: 8rpx;
}
.bdr-up {
	border-radius: 8rpx 8rpx 0 0;
}
.bdr-down {
	border-radius: 0 0 8rpx 8rpx;
}
